<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
    <ui:define name="body">
        <h:form id="form">
            <p:growl id="growl" />
            <p:panel header="LISTA DE CONVENIOS">
            <p:commandButton value="Agregar Convenio"  action="faces/cargueConvenios.xhtml" id="btnAgregarSupervisorEntidad" rendered="#{loginBean.cargarConveniosB}"/>  
            <p:dataTable style="width: 750px" paginator="true" rows="10" rowKey="#{convenio.idConvenio}" id="convenios" var="convenio" value="#{listaConveniosBean.listaConvenios}" widgetVar="dataConvenios">  
                <f:facet name="header">  
                    <table>
                        <tr>
                            <td>
                                Convenios
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <p:outputPanel>  
                                    <h:outputText value="Buscar:" />  
                                    <p:inputText id="globalFilter" onkeyup="dataConvenios.filter()" style="width:150px" />  
                                </p:outputPanel>  
                            </td>
                        </tr>
                    </table>
                </f:facet>
                <p:column headerText="Código" style="width:8%" sortBy="#{convenio.idConvenio}" filterBy="#{convenio.idConvenio}" filterMatchMode="contains">  
                    <h:outputText value="#{convenio.idConvenio}" />  
                </p:column>  
                <p:column headerText="Convenio" style="width:46%" sortBy="#{convenio.nombreConvenio}" filterBy="#{convenio.nombreConvenio}" filterMatchMode="contains">  
                    <h:outputText value="#{convenio.nombreConvenio}" />  
                </p:column>
                <p:column headerText="Entidad" style="width:30%" sortBy="#{convenio.idEntidad.nombreEntidad}" filterBy="#{convenio.idEntidad.nombreEntidad}" filterMatchMode="contains">  
                    <h:outputText value="#{convenio.idEntidad.nombreEntidad}" />  
                </p:column>
                <p:column headerText="Habilitar" style="width:8%">
                    <p:selectBooleanButton value="#{convenio.visibleConvenio}" onLabel="Si" offLabel="No">
                        <p:ajax process="@this" update="@this, :form:growl" listener="#{listaConveniosBean.actualizarConvenio(convenio)}"></p:ajax>                            
                    </p:selectBooleanButton> 
                </p:column>
                
                <p:column headerText="Detalle" style="width:8%">  
                    <p:commandButton id="selectButton" oncomplete="dlgDetalleConvenio.show();" update=":form:display" icon="ui-icon-search" title="Ver detalle">                          
                        <f:setPropertyActionListener value="#{convenio}" target="#{listaConveniosBean.convenioSelected}"></f:setPropertyActionListener>
                    </p:commandButton>  
                </p:column>  
                
            </p:dataTable>
            </p:panel>
            <p:dialog header="Detalle Convenio" modal="true" showEffect="face" hideEffect="fade" widgetVar="dlgDetalleConvenio">
                <p:outputPanel id="display">
                    <h:panelGrid columns="2" cellpadding="5">
                        <h:outputLabel value="Convenio: " style="font-weight: bold"/>
                        <h:outputText value="#{listaConveniosBean.convenioSelected.nombreConvenio}"/>
                        <h:outputLabel value="Entidad: " style="font-weight: bold"/>
                        <h:outputText value="#{listaConveniosBean.convenioSelected.idEntidad.nombreEntidad}" />
                        <h:outputLabel value="Fecha Inicio: " style="font-weight: bold"/>
                        <h:outputText value="#{listaConveniosBean.convenioSelected.fechaInicioConvenio}">
                        <f:convertDateTime pattern="d/M/yyyy"/>
                        </h:outputText>
                        <h:outputLabel value="Fecha Fin: " style="font-weight: bold"/>
                        <h:outputText value="#{listaConveniosBean.convenioSelected.fechaFinConvenio}">
                            <f:convertDateTime pattern="d/M/yyyy"/>
                        </h:outputText>
                        <h:outputLabel value="Firmado: " style="font-weight: bold"/>
                        <h:outputText value="#{listaConveniosBean.convenioSelected.firmadoConvenio}" />
                        <h:outputLabel value="Observaciones: " style="font-weight: bold"/>
                        <h:outputText value="#{listaConveniosBean.convenioSelected.observacionesConvenio}"/>
                    </h:panelGrid>
                </p:outputPanel>
            </p:dialog>
        </h:form>
    </ui:define>
</ui:composition>
